<!doctype html>
<html>
<head>
	<meta charset="utf-8" />
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
	<title>微电影大赛</title>
	<meta content="" name="keywords" />
	<meta content="" name="description" />
	<meta content="" name="author" />
	<link href="/assets/wfilm/css/style.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="/assets/wfilm/js/jquery.min.js"></script>
	<script type="text/javascript" src="/assets/wfilm/js/qrcode.js"></script>
</head>
<body>

<div class="w">
	<div class="w-banner"> <img src="/assets/wfilm/images/pic01.jpg"> </div>
	<div class="center-cup" style="margin-top:20px;">
		<div class="content-cup">
			<style type="text/css">
				.xuanshou-list02 .video-box{position: relative;}
				.xuanshou-list02 .video-box i{display: block; position: absolute; z-index: 6; top: 50%; left: 50%; width: 50px;
					height: 50px; margin-left: -25px; margin-top: -25px; background: url(/assets/wfilm/images/play.png) no-repeat top center; background-size: contain;}
				.xuanshou-list02 .video-box b{display: block; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); z-index: 5;}
				.xuanshou-list02:nth-child(4n){margin-right: 35px;}
			</style>
			<assign name="mc" value="1"/>
				<div class="zuopin" style="margin-top:24px;">
					<div class="zuopin-nav"> <img src="/assets/wfilm/images/tag01.png"> <em>{$wfilmtype_name}</em> </div>
					<div class="xuanshou-box clearfix">
						<volist name="wfilmlist" id="res" key="i">
								<div class="xuanshou-list02">
									<div class="video-box">
										<a target="_blank" href="{:U('article', array('typeid' => $res['type_id'], 'resid' => $res['id']))}"><i></i><b></b><img src="{$res['wfilm_pic']}" style="width:370px;height: 185px;"> </a>
									</div>
									<p class="xuanshou-information clearfix">
										<span style="float:left;display:inline-block">{$res['wfilm_title']}</span>
										<ul>
											<li><img src="/assets/wfilm/images/star.png"> {$res['wfilm_votenum']}票</li>
											<li><img src="/assets/wfilm/images/paihang.png"> {$i}名</li>
											<li class="toupiao" typeid="{$res['type_id']}" resid="{$res['id']}">投票结束</li>
										</ul>
									</p>
									<div class="codeimg"><b>X</b><img></div>
								</div>
						</volist>
					</div>
				</div>


			<div class="zuopin">
				<div class="zuopin-nav"> <img src="/assets/wfilm/images/tag01.png"> <em>支持单位</em> </div>
				<div class="xuanshou-box clearfix" style="padding-top:20px;"> <a href="http://www.people.com.cn/" class="news-logo"> <img src="/assets/wfilm/images/news-pic.jpg"> </a> <a href="http://www.xinhuanet.com" class="news-logo"> <img src="/assets/wfilm/images/news-pic02.jpg"> </a> <a href="http://www.china.com.cn" class="news-logo"> <img src="/assets/wfilm/images/news-pic03.jpg"> </a> <a href="http://www.gmw.cn" class="news-logo"> <img src="/assets/wfilm/images/news-pic04.jpg"> </a> <a href="http://www.jcrb.com" class="news-logo"> <img src="/assets/wfilm/images/news-pic05.jpg"> </a> <a class="news-logo"> <img src="/assets/wfilm/images/news-pic07.jpg"> </a> <a href="http://www.ftzj.com/" class="news-logo"> <img src="/assets/wfilm/images/news-pic06.jpg"> </a> </div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" >
	$(document).ready(function($) {
		$(".zuopin").each(function(index,element){
			$(this).find('.xuanshou-list02:nth-child(3n)').css({"margin-right":"0px","float":"right"});
		})

		$(".xuanshou-list02").each(function(index,element){
			var t = $(this);
			t.find(".toupiao").click(function(){
				t.find(".codeimg").hide();
				var typeid = $(this).attr("typeid");
				var resid = $(this).attr("resid");
				$.post("{:U('Wfilm/sccode')}", {typeid:typeid, resid:resid, random:Math.random()}, function(data){
				    $(".codeimg:eq("+index+") img").attr("src", data);
					$(".codeimg:eq("+index+")").show();
				})
			})
			t.find(".codeimg b").click(function(){
				t.find(".codeimg").hide();
				$(this).parent().hide();
			})
		})


		$(".to_vote").click(function(){
			var attrid = $(this).attr("attrid");
			var content = document.getElementById("chenggong"+attrid).innerHTML;
			if ( content.length == 7 ) {
				var qrcode = new QRCode(document.getElementById("chenggong" + attrid), {
					width: 100,
					height: 100
				});
				qrcode.makeCode("http://act.hrtv.cn/amovie/home/voteshow?voteId=" + attrid);
			} else {
				$(".chenggong"+attrid).fadeOut();
			}
		});

		$(window).on('scroll', function () {
			var scrollBottom = $(window).scrollTop() + $(window).height();
			if ($(window).scrollTop() > 200) {
				$('.code').animate({
					top: '5%'},100)
			}
		});


		$(".center-cup .ullist a").click(function(event) {
			$(".content-nav .ulcontent li").eq($(this).index()-1).addClass('current').trigger("click").siblings('.content-nav .ulcontent li').removeClass('current');
		});

		$(".content-nav .ulcontent li").click(function(event) {
			$(this).addClass('current').siblings().removeClass('current');
			$(".ulcontent-text p").eq($(this).index()).show().siblings().hide();

		});

	});
</script>
<script type="text/javascript" >
	$('.code').fadeIn(2000);
	$('.code').css({"top":"70%"});
	$(document).ready(function($) {
		$(".tab-item").eq(0).show()
		$(".tab-box ul li").click(function(event) {
			$(this).addClass('current').siblings(".tab-box ul li").removeClass('current');
			$(".tab-item").eq($(this).index()).show().siblings(".tab-item").hide()

		});
	});
</script>
<iframe id="footerifr" frameborder="0" scrolling="no" width="100%" style="margin:0px; padding:0px;" height="400" src="http://www.hrtv.cn/publicbottom/"></iframe>
<script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?50e3e50dc7602ae9292dcd7df731329e";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script>
</body>
</html>
